*{
    margin:0;
    padding:0;    
}
a{
    text-decoration: none;
}
ul li{
    list-style:none;
}
.clearfix:after{
    content:'';
    display: block;
    clear:both;
}
/*顶部nav*/
.nav{
    width:100%;
}
.nav .nav-con{
    width:100%;
    background: #b5b5b5;
}
.nav .nav-con .nav-content{
    width:966px;
    height:40px;
    margin:auto
}
.nav .nav-con p{
    float:left;
    width:200px;
    height:40px;
    font:12px /40px "微软雅黑";
    text-align: center;
}
.nav .nav-con .nav-text{
    float:right;
    width:200px;
    height:40px;
}
.nav .nav-con .nav-text a{
    float:left;
    padding:10px;
    font:12px "微软雅黑";
    color:#000;
}
/*logo nav*/
.nav .header{
    width:996px;
    height:95px;
    margin:auto;
}
.nav .header .header-img{
    width:285px;
    height:100%;
    float:left;
    margin:20px 0 0 40px;
}
.nav .header .header-img img{
    display: inline-block;
    width:281px;
    height:64px;
}
.nav .header .header-nav{
    float:left;
    width:651px;
    height:95px;
    margin-left: 20px;
}
.nav .header .header-nav ul{
    width:100%;
    height:100%;
}
.nav .header .header-nav ul li{
    float:left;
    width:90px;
    height:95px;
}
.nav .header .header-nav ul li a{
     display: block;
     width:90px;
     height:60px;
     text-align: center;
     padding-top:35px;
     color:#000;
     font-family: "微软雅黑";
     font-size: 12px;
     font-weight: bolder;
}
.nav .header .header-nav ul li a span{
    display: block;
}
.nav .header .header-nav ul li a:hover{
    background: #f7f7f7;
    border-bottom:4px solid skyblue;
}
.nav .header .header-nav ul li .active{
     border-bottom:4px solid skyblue;
}
/*轮播图*/
.more-img{
    width:100%;
    border-bottom: 1px solid #666;
}
.swiper-container,.swiper-container img{
    width:100%;
    height:400px;
}
/*新闻中心 新品发布*/
.wrap-all{
    width:100%;
    background: #f6f6f6;
    margin-top:50px;
}
.wrap{
    width:996px;
    margin:auto;
}
.wrap .wrap-news{
    width:300px;
    height:425px;
    float:left;
    box-shadow: 0 0 5px #666;
    margin-left:25px;

}
.wrap .wrap-news .wrap-t{
    width:100%;
    height:140px;
    background:#2395cb url(../img/new.png) no-repeat 120px 20px;
    background-size:15% 20%;
    position:relative;
    color:#fff;
}
.wrap .wrap-news .second{
    background:#3ed1a4 url(../img/good.png) no-repeat 120px 20px;
    background-size:15% 20%;
}
.wrap .wrap-news .third{
    background:#895ea3 url(../img/ok.png) no-repeat 120px 20px;
    background-size:15% 20%;
}
.wrap .wrap-news .wrap-t p{
    position:absolute;
    top:62px;
    left:110px;
}
.wrap .wrap-news .wrap-t h3{
    position:absolute;
    bottom:28px;
    left:68px;
}
.wrap .wrap-news .wrap-t .triangle{
    width:0px;
    height:0px;
    border:20px solid transparent;
    border-top:20px solid #2395cb;
    position:absolute;
    bottom:-40px;
    left:130px;
}
.wrap .wrap-news .second .triangle{
    width:0px;
    height:0px;
    border:20px solid transparent;
    border-top:20px solid #3ed1a4;
    position:absolute;
    bottom:-40px;
    left:130px;
}
.wrap .wrap-news .third .triangle{
    width:0px;
    height:0px;
    border:20px solid transparent;
    border-top:20px solid #895ea3;
    position:absolute;
    bottom:-40px;
    left:130px;
}
.wrap .wrap-news .wrap-m{
    margin-top:30px;
    overflow: hidden;
    margin-bottom: 10px;
}
.wrap .wrap-news .wrap-m h3{
    padding-left:10px;
    font-size:14px;
}
.wrap .wrap-news .wrap-m  .wrap-img{
    width:100%;
    margin-left:10px;
}
.wrap .wrap-news .wrap-m  .wrap-img img{
    display: block;
    width:100px;
    border:1px solid #aaa;
    padding:5px;
    float:left;
}
.wrap .wrap-news .wrap-m  .wrap-img p{
    width:130px;
    float:left;
    font-size:14px;
    line-height: 25px;
    padding-left:10px;
    padding-top:10px;
    color:#666;
}
/*.wrap .wrap-news .wrap-m #banner{
    width:266px;
    height:120px;
}*/
.wrap .wrap-news .wrap-m #banner img{
    display: block;
    width:266px;
    height:120px;
}
.wrap .wrap-news ul{
    width:100%;
}
.wrap .wrap-news ul li p{
    font-size:14px;
    line-height: 25px;
    text-indent: 15px;
    color:#666;
}
.wrap .wrap-news .warp-p{
   width:100%;
   height:60px;
   text-align:center;
   color:#666;
   font-size:14px;
}
@keyframes rotate{
    0%{}
    50%{
        transform: scale(0.5);
    }
    100%{
        transform: scale(1);
    }
}
.wrap .wrap-news:hover{
    animation:rotate 1s;
}

/*关于我们*/
.about{
    width:996px;
    overflow: hidden;
    margin:100px auto;
}
.about-us{
    width:300px;
    height:65px;
    margin:0 auto 20px;
    position: relative;
}
.about-us h3{
    color:#666;
    text-align: center;
}
.about-us .line1,.about-us .line2{
    width:80px;
    height:2px;
    background: #666;
    position:absolute;
    top:50px;
}
.about-us .line1{
    left:10px;
}
.about-us .line2{
    right:10px;
}
.about-us p{
    padding-top:10px;
    line-height:30px;
    text-align: center;
}
.about p{
    font-family: "微软雅黑";
    line-height: 30px;
}
.about p:hover{
    color:skyblue;
}
.about-img{
    width:994px;
    height:150px;
    margin:20px 0 20px 0;
}
.about-img img{
    display: block;
    width:994px;
    height:150px;
}
/*联系我们*/
.contact{
    width:996px;
    overflow: hidden;
    margin:100px auto;
}
.contact-con{
    width:996px;
    /*overflow: hidden;*/
    height:500px;
    margin:auto;
}
.contact-left{
    width:475px;
    height:500px;
    float:left;
}
.contact-left .contact-top{
    width:100%;
    height:190px;
    margin-top:10px;
}
.contact-left .contact-top .contact-l{
    width:120px;
    height:100%;
    float:left;
}
.contact-left .contact-top .contact-l img{
    display:block;
    width:85px;
    height:85px;
    border:1px solid #aaa;
    padding:5px;
    margin:10px auto 0;
}
.contact-left .contact-top .contact-l p{
    font-size:14px;
    line-height:25px;
    color:#666;
    /*padding:10px 0 0 10px;*/
    text-align: center;
}
.contact-left .contact-top .contact-r{
    width:260px;
    float:left;
    padding-left:40px;
    color:#666;
    font-size:14px;
    line-height: 30px;
}
.contact-left .contact-bottom{
    width:400px;
    height:270px;
}
/*#container:hover{
    transform: scale(2);
}*/
.contact-right{
    width:500px;
    height:400px;
    float:right;
}
.contact-right p{
    font-size:12px;
    color:#666;
}
.contact-right input{
    width:435px;
    height:30px;
    border:1px dashed #aaa;
    margin-bottom:10px;
    background: #f9f7f8;
    padding:5px;
    outline:none;
}
/*去掉默认的上下箭头样式
*/
.contact-right input[type="number"]::-webkit-outer-spin-button,.contact-right input[type="number"]::-webkit-inner-spin-button{
    -webkit-appearance: none!important;
}
.contact-right textarea{
    width:427px;
    border:1px dashed #aaa;
    background: #f9f7f8;
    height:180px;
    padding:10px;
    outline:none;
}
.contact-right .btn{
    display: block;
    width:70px;
    height:40px;
    line-height: 40px;
    text-align: center;
    background: #3d9cd4;
    border:none;
    color:#fff;
}
/*页脚*/
.footer{
    width:100%;
    height:100px;
    background: #3d9cd4;
}
.footer .footer-con{
    width:996px;
    height:100%;
    margin:auto;
}
.footer .footer-con p{
    text-align:center;
    color:#fff;
    font-size:12px;
    padding-top:20px;
}
.footer .footer-con ul{
    width:363px;
    height:28px;
    margin:10px auto 0;
    /*text-align: center;*/

} 
.footer .footer-con ul li{
    float:left;
    margin-left:10px;
}
.footer .footer-con ul li a{
    color:#fff;
    font-size:12px;
}



/*产品页面样式*/
.photo{
    width:100%;
    margin-top:-12px;
}
.photo img{
    display: block;
    width:100%;

}
/*首页>新品发布*/
.detail{
    width:996px;
    overflow: hidden;
    margin:10px auto 0;
    margin-top:20px;
}
.detail h3{
    color:#666;
    font-size:12px;
    padding:10px;
}
.detail .ad{
    width:996px;
    height:140px;
}
.detail .ad .ad1, .detail .ad .ad2, .detail .ad .ad3, .detail .ad .ad4{
    width:241px;
    height:120px;
    float:left;
    margin-right:10px;
    line-height: 120px;
    text-align: center;
}
.detail .ad .ad1{
    background: #2072f9;
    color:#fff;
}
.detail .ad .ad1:hover{
    box-shadow:2px 0 10px #333;
}
.detail .ad .ad2:hover{
    box-shadow:2px 0 10px #333;
}
.detail .ad .ad3:hover{
    box-shadow:2px 0 10px #333;
}
.detail .ad .ad4:hover{
    box-shadow:2px 0 10px #333;
}
.detail .ad .ad2 ,.detail .ad .ad3 ,.detail .ad .ad4{
    background: #cac9c9;
    color:#666;
}
.detail .ad .ad4{
    margin-right:0;
}
.detail .input{
    width:350px;
    height:28px;
    float:right;
    position:relative;
}
.detail input[type="text"]{
    width:300px;
    height:28px;
    float:left;
    text-indent:10px;
    outline: none;
}
.detail input[type="submit"]{
    width:45px;
    height:32px;
    border:none;
    float:left;
    color:#fff;
    background: #666;
    outline: none;
}
.detail .input input[type="text"]::-webkit-input-placeholder{
    color:#666;
    font-size:12px;
}
.list{
    width:100%;
    height: 100%;
    clear: both;
    margin:100px 0 400px 0;
}
.list ul{
     width:100%;
     height:600px;
}
.list ul li{
    width:330px;
    height:270px;
    float:left;
    border:1px solid #eee;
    overflow: hidden;
}
.list ul li img{
    width:330px;
    height:180px;
}
.list ul li img:hover{
    transform: scale(0.8);
}
.list ul li h2{
    text-align: center;
    color:#666;
    font-size:20px;
}
.list ul li h2:hover{
    color:skyblue;
}
.list ul li p{
    text-align: center;
    font-size:12px;
}



/*产品详情页面*/
.photo1{
    width:100%;
    margin-top:-12px;
}
.photo1 img{
    display: block;
    width:100%;
}
.news-pd{
    width:996px;
    overflow: hidden;
    margin:auto;
}
.news-pd h3{
    color:#666;
    font-size:14px;
    padding:10px;
}
.news-pd .news-pdl{
    width:400px;
    border:1px solid #eee;
    float:left;
    margin-right:20px;
}
.news-pd .news-pdl .news-photo{
    width:100%;
}
.news-pd .news-pdl .news-photo img{
    display: block;
    width:100%;
  
    border:none;
}
.news-pd .news-pdl .imgLlist{
    width:400px;
}
.news-pd .news-pdl .imgLlist li{
    width:80px;
    float:left;
}
.news-pd .news-pdl .imgLlist li img{
    display: block;
    width:100%;
}
.news-pd .news-pdr{
    float:left;
    padding:0 0 0 20px;
}
.news-pd .news-pdr p{
    font-size:14px;
    line-height: 30px;
    color:#666;
}
.news-pd .news-pdr input{
    width:120px;
    height:35px;
    line-height:35px;
    text-align: center;
    border:none;
    margin-right:20px;
    color:#fff;
    border-radius: 5px;
}
.news-pd .news-pdr .btn1{
    background: #468bd9;
}
/*产品描述*/
.nav-pd{
    width:100%;
    overflow: hidden;
    margin-top:50px;
   
}
.nav-pd .nav-a{
    height:80px;
    background: #b5b5b5;
    min-width: 554px;
    padding-left:158px;
}
.nav-pd .nav-a a{
    display: block;
    float:left;
    height:80px;
    line-height: 80px;
    text-align: center;
    margin: 0 20px;
    padding:0 10px;
    color:#fff;
    /*box-sizing: border-box;*/
}
.nav-pd .nav-a  .active{
    background: #fff;
    color:#666;
    border-bottom:2px solid #468bd9;
}
.nav-pd .nav-news{
    width:996px;
    overflow: hidden;
    margin: 120px auto;
}
.nav-pd .nav-news h2{
    width:340ppx;
    height:40px;
    margin:20px auto;
    text-align: center;
    color:#468bd9;
}
.nav-pd .nav-news p{
     text-align: center;
     font: 12px/25px "微软雅黑";
     color:#666;
     margin-bottom:20px;
}
.nav-news .img1,.nav-news .img2,.nav-news .img3{
    width:600px;
    height:293px;
    margin:auto;
    overflow: hidden;
}

.nav-news .img1 img{
    display: block;
    width:600px;
    height:293px;
    transition:all 1s;

}
.nav-news .img1 img:hover{
    opacity: 0.7;
    transform: scale(1.5);
}

.nav-news .img2 img{
    display: block;
    transform: scale(1.5);
    transition:all 1s;

}
.nav-news .img2 img:hover{
    opacity: 0.7;
    transform: scale(1.5) translateX(-50px);
}
.nav-news .img3 img{
    display: block;
    transform: scale(1.5);
    transition:all 1s;

}
.nav-news .img3 img:hover{
    transform: scale(1.5) translateX(50px);
}
.nav-news .img4 img{
    display: block;
    margin:auto;
}
/*规格参数*/
.canshu{
    width:100%;
    overflow: hidden;
    margin-bottom:100px;
}
.canshu .canshu-text{
    width:100%;
    height:80px;
    background: #b5b5b5;
}
.canshu .canshu-text a{
    display: block;
    width:120px;
    height:80px;
    text-align: center;
    line-height: 80px;
    color:#fff;
    margin-left:100px;
}
.canshu .table{
    width:996px;
    overflow: hidden;
    margin:50px auto 10px;
}
.canshu .table .table-l{
    width:300px;
    height:859px;
    float:left;
}
.table .table-l .table-l-img{
    width:100%;
    height:430px;
}
.table .table-l .table-l-img img{
    display: block;
    width:150px;
    height:200px;
    margin:130px auto 0;
}
.table .table-l .table-r-img{
    width:100%;
    height:429px;
}
.table .table-l .table-r-img img{
    display: block;
    width:150px;
    height:200px;
    margin:-70px auto 0;
}
.canshu .table .table-r{
    float: left;
    border-collapse:collapse; 
    width:695px;
    font-size:12px;
    line-height: 25px;
    text-indent: 10px;
    color:#666;
}
/*更多产品*/
.photo-list{
    width:100%;
    height: 220px;
}
.photo-list img{
    display: block;
    margin:50px auto;
}